<template>
	<view class="page" :style="pageStyle">
		<!-- 导航栏 ——start -->
		<navigation :style="'height:' + navBarHeight + 'rpx;'">
			<template v-slot:content>
				<view class="content">
					<text class="iconfont icon-shangyige" @click="reback()"></text>
					<view class="menu" @click="this.showShadow = true">
						<text class="iconfont icon-caidan" style="margin-right: 10rpx;color: #23b8ff;"></text>
						<text style="font-weight: 700; letter-spacing: 2rpx; color: #707070 ;">菜单</text>
					</view>
					<view class="title">部员课表</view>
				</view>
			</template>
		</navigation>
		<!-- 导航栏 ——end -->
		<!-- 顶部 ——start -->
		<view class="top" :style="'top:' + navBarHeight + 'rpx;'">
			<addMember :childrenId="childrenId" v-if="(currentChoose.length != 0) || payMent== 1"
				:currentChoose="currentChoose" @addMember="addMember()">
			</addMember>
			<miTaSearch class="mi_ta_search" @searchResult="searchResult()" @searchInput="searchInput()" @cut="cut"
				@getSearchResult="getSearchResult()" ref="miTaSearch">
			</miTaSearch>
		</view>
		<!-- 顶部 ——end -->
		<!-- 结果 ——start-->
		<view class="result">
			<view class="noDataTip" v-if="noData" :style="tipStyle">
				<!-- 				<view class="iconfont icon-wuanpai" style="color:#6B6B6B;margin-right: 25rpx;font-size: 45rpx;"></view>
				<view style="font-size: 45rpx;">暂无查询结果!</view> -->
				<view class="tip">
					<view class="tip_title">
						<text class="iconfont icon-gou" style="color: #23B8FF;font-size: 36rpx;">
						</text>
						<text style="margin-left: 10rpx;">
							功能介绍
						</text>
					</view>
					<view class="tip_detail">
						学校各学生协会、组织、校院队等的负责人，可以在此处选择你的部员，将自动生成一份如图所示（局部）的Excel表格，展示一个学期内每个成员的无课时间。
					</view>
					<view class="tip_image" style="margin-top: 40rpx;">
						<image src="http://1.14.247.152:9797/images/159.png" @click="prewImage()">
						</image>
					</view>
					<view style="width: 100%; text-align: center;margin-top: 20rpx; letter-spacing: 2rpx; font-size: 32rpx;color: #545454;">(点击查看图片)</view>
				</view>
			</view>
			<!-- 结果列表  ——start-->
			<checkbox-group class="goodsContent" @change="checkboxChange" :style="resultStyle" v-if="!noData">

				<label class="goodsCard" v-for="(item,index) in result" :key="index">
					<view class="checkbox">
						<checkbox :value="JSON.stringify(item)" :checked="item.esobject.source.checked"
							color="#23b8ff" />
					</view>
					<miTaPersonItem :person="item.esobject" :lineHeight="lineHeight" class="goodsData">
						<template v-slot:personName>
							<view class="person_name" v-html="item.esobject.highLight.name"></view>
						</template>
					</miTaPersonItem>
				</label>
			</checkbox-group>
			<!-- 结果列表 ——end -->
		</view>
		<!-- 结果 ——end -->

		<!-- 菜单 ——start -->
		<view class="menu_shadow" :style="'height:' + height + 'rpx'" v-if="showShadow" @click="showShadow = false">
			<view class="menu">
				<view class="commom_menu my_concern" @click="tomyCreat()" @click.stop>
					<view class="iconfont icon-chuangjian"></view>
					<view class="menu_title">我创建的</view>
				</view>
				<view class="commom_menu visit_person" @click="tomyInvist()"  @click.stop>
					<view class="iconfont icon-yaoqingwode"></view>
					<view class="menu_title">邀请我的</view>
					<!-- 	<view class="visitor_tips" v-show="hasNewVistor"></view> -->
				</view>
<!-- 				<view class="close" @click="this.showShadow = false">
					<view class="iconfont icon-guanbi"></view>
				</view> -->
			</view>
		</view>
		<!-- 菜单 ——end -->

		<!-- 		<u-loadmore v-if="search" :status="status" fontSize="38" marginTop="20" marginBottom="20"
			style="background-color: #F8F8F8;" /> -->

		<!-- 确认弹框 -->
		<view v-if="showPopup" class="pop_shadow">
			<view class="pop_box">
				<view class="pop_tip">提示</view>
				<view class="pop_input">
					<view class="pop_laber">名称:</view>
					<input type="text" placeholder="请输入部门/组织名称" v-model="originName" />
				</view>
				<view class="pop_middle">
					<view>
						为了保证用户隐私，将通知所有成员，待对方同意后方可获取文件
					</view>
					<view style="width: 100%;text-align: center;"> 是否继续?</view>
				</view>
				<view class="pop_tip bottom">
					<view style="flex:1;" @click="this.showPopup = false">取消</view>
					<view style="flex:1;color: #0176d5;" @click="sureAdd()">确认</view>
				</view>

			</view>
		</view>
	</view>
</template>

<script>
	import navigation from "../../components/navigation/navigation.vue"
	import addMember from "../../components/addMember/addMember.vue";
	import miTaSearch from "../../components/miTaSearch/miTaSearch.vue"
	import miTaPersonItem from "../../components/miTaPersonItem/miTaPersonItem.vue"
	import addMemberMixin from "../../static/js/addMemberMixin.js"
	export default {
		onLoad(option) {
			let that = this;
			this.navBarHeight = getApp().globalData.navBarHeight //导航栏高度
			console.log(this.navBarHeight, '导航栏高度')
			// this.header = getApp().globalData.header;
			this.header.Authority = uni.getStorageSync('Authority');
			// console.log(this.header);

			// console.log('配置',option)
			if (option.xlsId) { //不能 if (option) ,因为会一直为true
				console.log('页面传来',typeof option.payMent);
				this.pass = true
				this.xlsId = option.xlsId;
				this.originName = option.originName;
				this.payMent =  option.payMent
				uni.showLoading({
					title: '加载中..',
					mask: true
					// mask: true
				})
				this.getOriginMember()
			}
		},
		onReachBottom(e) {
			// console.log('页面滚动',e);
			if (this.isName) {
				// console.log('姓名查询')
				this.nameParams.currentPage++;
				this.getSearchInput()
			} else {
				// console.log('条件查询');
				this.params.currentPage++;
				this.searchResult();
			}
		},
		onHide() {
			// console.log('执行')
			this.currentChoose = [];
			this.originChoose = [];
			this.getTimeOffParams.orgName = '';
			this.getTimeOffParams.noList = [];
			this.xlsId = '';
			this.choose = [];
			this.noData = true;
			this.isAnother = true;
			this.lineHeight = true;
			this.result = [];
			this.checkedChoose = [];
			this.startIndex = 0;
			this.childrenId = '';
			this.num = 0;
			this.params.grade = '';
			this.params.collegeId = ''
			this.params.majorId = ''
			this.params.classId = ''
			this.params.currentPage = 1
			this.nameParams.content = '';
			this.nameParams.currentPage = 1;
			this.$refs.miTaSearch.nameSearch = ''; //去除搜索框的文字
			this.originName = ''
		},
		data() {
			return {
				navBarHeight: 0,
				height: 0,
				header: {
					Authority: ''
				},
				showShadow: false, //是否显示菜单
				status: '', //加载数据的状态
				originChoose: [], //新增成员的话需要原来的数据数组进行对比
				showPopup: false,
				originName: '', //组织名称       -》要修改为空
				getTimeOffParams: { //添加部门学生参数
					orgName: '',
					noList: []
				},
				xlsId: '', //需要新增人员的xlsId，从payMent传来
				pass: false, //是否页面传来
				search: false,
				payMent: 0
			}
		},
		computed: {
			pageStyle() {
				if (this.showShadow || this.showPopup) {
					return 'height:' + this.height + 'rpx;overflow: hidden;'
				} else {
					return 'height:' + this.height + 'rpx;'
				}
			},
			tipStyle() {
				if (this.isAnother) {
					if (this.currentChoose.length != 0 || this.payMent == 1)  {
						return 'margin-top:' + (280 + this.navBarHeight) + 'rpx'
					} else {
						return 'margin-top:' + (200 + this.navBarHeight) + 'rpx'
					}
				} else {
					if (this.currentChoose.length != 0 || this.payMent == 1) {
						return 'margin-top:' + (280 + this.navBarHeight) + 'rpx'
					} else {
						return 'margin-top:' +(200 + this.navBarHeight) + 'rpx'
					}
				}
			},
			resultStyle() {
				if (this.isAnother) {
					if (this.currentChoose.length != 0  || this.payMent == 1) {
						return 'margin-top:' + (280 + this.navBarHeight) + 'rpx'
					} else {
						return 'margin-top:' + (150 + this.navBarHeight) + 'rpx'
					}
				} else {
					if (this.currentChoose.length != 0 || this.payMent == 1) {
						return 'margin-top:' + (280 + this.navBarHeight) + 'rpx'
					} else {
						return 'margin-top:' + (190 + this.navBarHeight) + 'rpx'
					}
				}
			}
		},
		methods: {
			reback() {
				if (this.xlsId) {
					//回退页面携带参数
					let pages = getCurrentPages(); //获取所有页面栈实例列表
					// console.log(pages);
					let nowPage = pages[pages.length - 1]; //当前页页面实例
					let prevPage = pages[pages.length - 2]; //上一页页面实例
					prevPage.$vm.xlsId = this.xlsId;
					prevPage.$vm.originName = this.originName;
					uni.navigateBack({
						delta: 1
					})
				} else {
					setTimeout(() => {
						uni.reLaunch({
							url: '../../pages/menu/menu'
						});
					}, 300)
				}

			},

			//获取原有成员
			async getOriginMember() {
				let res = await getApp().UniRequest("/timeoff/authority/getMyMembers?xlsId=" + this.xlsId, "Get", "",
					this.header);
				// console.log(res, '我的成员')
				if (res.code === 20000) {
					// console.log(res.data.data.memberList, '原有成员');
					let data = res.data.data.memberList;
					data.forEach((item, index) => {
						// console.log(item.info.indexOf('班'));
						let node = item.info.indexOf('班')
						let tempString = item.info.slice(node + 1);
						let temp = {
							esobject: {
								source: {

								}
							}
						}
						temp.esobject.source.name = tempString;
						temp.esobject.source.no = item.no;
						temp.esobject.source.sex = item.sex;
						this.originChoose.push(item.no);
						this.currentChoose.push(temp);
						// console.log(this.currentChoose);

					})
					// console.log(this.currentChoose.length)
					if (this.currentChoose.length != 0) {
						this.num = 2; //为了避免和后面checkbox的判断出错
					}
					uni.hideLoading()
				} else {
					setTimeout(() => {
						uni.navigateBack({
							delta: 1
						})
					}, 600)
				}
			},

			//确定按钮
			async addMember() {
				if (!this.pass) {
					this.showPopup = true;
				} else {
					uni.showLoading({
						title: '处理中..',
						mask: true
					});
					//从payMent跳转到当前页面时如果有数据要执行这个函数，进行新旧数据的对比以及修改
					let that = this;
					//将当前选中和原先的对比，看原先哪些是需要删除的，即删除原先有的，但是当前没有
					let deleteArray = [];
					let newArray = [];
					for (let i = 0; i < this.originChoose.length; i++) {
						let isTrue = true;
						this.currentChoose.forEach((item, index) => {
							if (this.originChoose[i] == item.esobject.source.no) {
								isTrue = false;
							}
						})
						if (isTrue) {
							deleteArray.push(this.originChoose[i]);
						}
					}
					// deleteArray.forEach((item, index) => {
					// 	this.deleteMember(item)
					// })
					// console.log(deleteArray)
					if (deleteArray.length != 0) {
						await this.deleteMember(deleteArray)
					}


					for (let i = 0; i < this.currentChoose.length; i++) {
						let isTrue = true;
						this.originChoose.forEach((item, index) => {
							if (this.currentChoose[i].esobject.source.no == item) {
								isTrue = false;
							}
						})
						if (isTrue) {
							newArray.push(this.currentChoose[i].esobject.source.no);
						}
					}
					if (newArray.length != 0) {
						newArray.forEach((item, index) => {
							this.addNewMember(item);

						})
						// console.log('新增', newArray)
						await this.setNewMember(newArray)
					}

					//回退页面携带参数
					let pages = getCurrentPages(); //获取所有页面栈实例列表
					// console.log(pages);
					let nowPage = pages[pages.length - 1]; //当前页页面实例
					let prevPage = pages[pages.length - 2]; //上一页页面实例
					prevPage.$vm.xlsId = this.xlsId;
					prevPage.$vm.originName = this.originName;
					setTimeout(() => {
						uni.navigateBack({
							delta: 1
						})
						uni.hideLoading()
						console.log('延迟')
					}, 2000)
				}
			},

			//确定添加
			async sureAdd() {
				if (this.originName) {

					uni.showLoading({
						title: '处理中..',
						mask: true
					});

					this.currentChoose.forEach((item, index) => {
						this.addNewMember(item.esobject.source.no) //预热接口
					})


					this.getTimeOffParams.orgName = this.originName;
					this.currentChoose.forEach((item, index) => {
						this.getTimeOffParams.noList.push(item.esobject.source.no)
					})
					console.log('参数', this.header);

					let res = await getApp().UniRequest("/timeoff/authority/getTimeOff", "POST", this.getTimeOffParams,
						this.header);
					console.log(res, '创建结果');
					this.showPopup = false;
					if (res.code === 20000) {
						let xlsId = res.data.data;
						// console.log(xlsId);
						uni.navigateTo({
							url: '../payMent/payMent?xlsId=' + xlsId
						})
						uni.hideLoading();

					} else {
						uni.hideLoading();
						uni.showToast({
							title: '请稍后重试',
							icon: 'error',
							duration: 2000
						});
					}
				} else {
					uni.showToast({
						title: '请填写部门名称',
						icon: 'error',
						duration: 2000
					});
				}
			},

			//选中
			// checkboxChange(e) {
			// 	let that = this;
			// 	// console.log(tempArray)
			// 	// if (this.currentChoose.length >5) {
			// 	// let notCheckedTemp = [];
			// 	// e.detail.value.forEach((item,index) => {
			// 	// 	let last = e.detail.value.length - 1;
			// 	// 	if (index == (e.detail.value.length - 1)) {
			// 	// 		console.log(JSON.parse(item),'最后一个');
			// 	// 		let lastItem = JSON.parse(item);
			// 	// 		this.result.forEach((item,index) => {
			// 	// 			// console.log(item);
			// 	// 			if (item.esobject.source.no == lastItem.esobject.source.no) {
			// 	// 				console.log('相等执行');
			// 	// 				console
			// 	// 				this.result[index].esobject.source.checked = false;
			// 	// 				console.log(item)
			// 	// 			}
			// 	// 		})

			// 	// 	}
			// 	// 	// notCheckedTemp.push()
			// 	// })
			// 	// }				

			// 	this.checkedChoose = [];
			// 	this.checkedChoose = e.detail.value;
			// 	// console.log(this.checkedChoose)
			// 	let temp = []; //存放当前选择的所有成员的学号数组
			// 	// console.log(that.currentChoose)
			// 	that.currentChoose.forEach((item, index) => {
			// 		temp.push(item.esobject.source.no)
			// 	});

			// 	if (this.currentChoose.length == 0) {
			// 		this.num = 1
			// 	}
			// 	if ((this.currentChoose.length == 0) || (this.num == 1)) {
			// 		this.currentChoose = [];
			// 		// console.log('执行')
			// 		this.checkedChoose.forEach((item, index) => {
			// 			this.currentChoose.push(JSON.parse(item));
			// 			// console.log(JSON.parse(item))
			// 		})
			// 	} else {
			// 		console.log('已选数组',this.choose)

			// 		//若本轮查询中，已选中的在选择过程中，已经取消选择时，对已选中的数据进行取消
			// 		//列表中原先有的，当本次选择中取消时，原先的也要删除
					
			// 		if (this.choose.length == 0) {
			// 			console.log('已选数组为空',this.choose)
			// 		} else {
			// 			let anotherTemp = [] //用于存放当前选中的学号数组
			// 			e.detail.value.forEach((item, index) => {
			// 				anotherTemp.push(JSON.parse(item).esobject.source.no)

			// 			})
			// 			this.choose.forEach((item, index) => {
			// 				if (anotherTemp.indexOf(JSON.parse(item).no) == -1) {
			// 					let index1 = temp.indexOf(JSON.parse(item).no);
			// 					console.log(this.currentChoose[index1].esobject.source.no)
			// 					if (index1 != -1) {
			// 						console.log('删除原先选中的')
			// 						that.currentChoose.splice(index1, 1);
			// 						that.choose.splice(index, 1) //删除后，原先选中的也要删除，这样后续就和本轮选择一致
			// 					}
			// 				}
			// 			})
			// 		}


			// 		//新增加的选择里，若下面选择删除的话，上面也要删除
			// 		if (this.startIndex != 0) {
			// 			console.log(this.startIndex,'开始增加的坐标');
			// 			// console.log(this.checkedChoose)
			// 			for (let i = this.startIndex; i < this.currentChoose.length; i++) {
			// 				let isTrue = true;
			// 				this.checkedChoose.forEach((item, index) => {
			// 					if (this.currentChoose[i].esobject.source.no == JSON.parse(item).esobject.source
			// 						.no) {
			// 						isTrue = false;
			// 					}
			// 				})
			// 				if (isTrue) { //表示currentchoose里有元素，当前选择中没有，要删除它
			// 				console.log('上面有，下面没有')
			// 				console.log(this.currentChoose[i].esobject.source.no)
			// 					this.currentChoose.splice(i, 1);
			// 				}
			// 			}
			// 		}

			// 		//本轮选择中，已选的没有才push进去
			// 		this.checkedChoose.forEach((item, index) => {
			// 			if (temp.indexOf(JSON.parse(item).esobject.source.no) == -1) {
							
			// 				console.log('上面没有，选择有，所以要pusj')
			// 				that.currentChoose.push(JSON.parse(item));
			// 			}
			// 		})
			// 	}
			// 	this.setScroll();
			// },

			//跳转到本页面后若出现要删除的成员
			async deleteMember(deleteArray) {
				let body = {
					noList: [],
					xlsId: ''
				}
				body.noList = deleteArray;
				body.xlsId = this.xlsId;
				console.log('zhix')
				let res = await getApp().UniRequest("/timeoff/authority/delMember",
					"post", body,
					this.header);
				console.log(res, '删除结果')
			},

			//缓存接口
			async addNewMember(no) {
				// console.log(no)
				let res = await getApp().UniRequest("/timeoff/authority/preHeat?no=" + no, "POST", "",
					this.header);
				// console.log('缓存接口')
			},

			//新增人员的接口
			async setNewMember(newArray) {
				console.log(newArray, '新添加的数组')
				let body = {
					noList: [],
					xlsId: ''
				}
				body.noList = newArray;
				body.xlsId = this.xlsId;
				let res = await getApp().UniRequest("/timeoff/authority/addMember",
					"POST", body,
					this.header);
				console.log('新增人员', res)
			},

			tomyCreat() {
				// console.log('执行')
				uni.navigateTo({
					url: '../myCreate/myCreate',
					fail(error) {
						// console.log(error)
					}
				})
			},
			tomyInvist() {
				uni.navigateTo({
					url: '../invistMe/invistMe'
				})
			},
			prewImage() {
				// if (this.isAnother) {
				wx.previewImage({ //预览图片，长按可以识别
					urls: ['http://1.14.247.152:9797/images/159.png'] // 需要预览的图片http链接列表
				})
				// }

			}
		},
		mixins: [addMemberMixin],
		components: {
			navigation,
			addMember,
			miTaSearch,
			miTaPersonItem
		}
	}
</script>

<style lang="scss" scoped>
	.page {
		background-color: #f2f2f2;
		height: 100%;


		navigation {
			width: 100%;
			position: relative;
			z-index: 100;

			.content {
				display: flex;
				align-items: center;
				justify-content: center;

				.icon-shangyige {
					font-size: 40rpx;
					font-weight: 700;
					position: absolute;
					left: 0rpx;
				}

				.menu {
					position: absolute;
					left: 80rpx;
				}

				.title {}
			}
		}

		.top {
			width: 100%;
			position: fixed;
			top: 0rpx;
			z-index: 200;
		}

		.result {
			// position: relative;
			background-color: #F2F2F2;
			padding-top: 40rpx;

			.noDataTip {
				// height: 150rpx;
				width: 90%;
				margin: 0 auto;
				line-height: 50rpx;
				display: flex;
				justify-content: center;
				align-items: center;
				// position: absolute;
				// top: 44%;
				// margin-top: 400rpx;
				// left: 50%;
				// margin-left: -325rpx;
				font-size: 28rpx;
				// color: #6B6B6B;
				// background-color: #fff;
				// box-shadow: 0.5rpx 0.5rpx 40rpx #DBDBDB;
				border-radius: 20rpx;

				.tip {
					.tip_title {
						font-size: 36rpx;
						font-weight: 700;
					}

					.tip_detail {
						font-size: 32rpx;
						margin-top: 40rpx;
						letter-spacing: 2rpx;
						color: #545454;
					}

					.tip_image {
						margin-top: 28rpx;
						width: 100%;
						text-align: center;

						image {
							width: 100%;
							margin: auto;
						}

					}
				}
			}


			.goodsContent {
				background-color: #f2f2f2;
				padding-bottom: 20rpx;

				.goodsCard {
					display: flex;
					position: relative;
					padding: 0rpx;

					.checkbox {
						width: 8%;
						padding-left: 20rpx;
						text-align: center;
						line-height: 200rpx;
					}

					.goodsData {
						width: 92%;
						height: 100%;
						display: flex;
					}

				}
			}


		}

		.menu_shadow,
		.pop_shadow {
			height: 100%;
			width: 100%;
			z-index: 200;
			// background-color: pink;
			position: absolute;
			top: 0;
			background: rgba(0, 0, 0, 0.4);
			padding: 46rpx 0rpx 0rpx 36rpx;

			.commom_menu {
				width: 180rpx;
				height: 180rpx;
				background-color: pink;
				margin-right: 36rpx;
				margin-top: 60rpx;
				border-radius: 50%;
				display: flex;
				flex-direction: column;
				justify-content: center;
				align-items: center;
				font-size: 30rpx;
				line-height: 50rpx;
				color: #FFFFFF;
			}

			.visit_person {
				position: relative;
				background-color: #7ec0ee;

				.visitor_tips {
					position: absolute;
					width: 30rpx;
					height: 30rpx;
					top: 0rpx;
					right: 10rpx;
					border-radius: 50%;
					background-color: #EE4000;
					color: #FFFFFF;
				}
			}

			.my_concern {
				background-color: #71C671;
			}


			.close {
				width: 70rpx;
				height: 70rpx;
				border-radius: 50%;
				background-color: pink;
				position: absolute;
				left: 50%;
				margin-left: -35rpx;
				bottom: 20%;
				background: rgba(0, 0, 0, 0.3);
				line-height: 70rpx;
				text-align: center;

				.iconfont {
					font-size: 40rpx;
					font-weight: 700;
					color: #E5E5E5;
				}
			}
		}

		.menu_shadow .iconfont {
			font-size: 40rpx;
		}

		.menu_shadow .menu {
			// height: 100%;
			display: flex;
			flex-wrap: wrap;
			justify-content: center;
			align-items: center;
			margin-top: 220rpx;
		}

		.pop_shadow {
			.pop_box {
				position: absolute;
				top: 50%;
				left: 50%;
				width: 500rpx;
				height: 480rpx;
				margin-top: -290rpx;
				margin-left: -250rpx;
				padding-left: 20rpx;
				padding-right: 20rpx;
				background-color: #fff;
				border-radius: 30rpx;

				.pop_tip {
					width: 100%;
					height: 80rpx;
					margin-bottom: 20rpx;
					line-height: 80rpx;
					text-align: center;
					font-size: 38rpx;
					font-weight: 700;
					// background-color: pink;
					// border-bottom: 2rpx solid #d9d9d9;
				}

				.pop_input {
					width: 100%;
					height: 80rpx;
					// background-color: pink;
					line-height: 80rpx;
					letter-spacing: 2rpx;
					display: flex;
					justify-content: center;
					align-items: center;

					.pop_laber {
						flex: 2;
						text-align: center;
						font-weight: 700;
						font-size: 30rpx;
					}

					input {
						flex: 8;
						height: 90%;
						border-bottom: 2rpx solid #d9d9d9;
						font-size: 28rpx;
					}

				}

				.pop_middle {
					text-align: center;
					margin-top: 30rpx;
					letter-spacing: 4rpx;
					line-height: 45rpx;
					font-size: 26rpx;
					color: #707070;

				}

				.bottom {
					width: 460rpx;
					position: absolute;
					bottom: 0;
					left: 50%;
					margin-left: -230rpx;
					display: flex;
					font-size: 34rpx;
					font-weight: 500;
					border-top: 4rpx solid #d9d9d9;
				}
			}
		}

	}
</style>
